<template>
  <div id="SPsousuo">
    <router-link to="/SouS">
    <section class="ss">
      <section class="left">
        <span class="iconfont icon-sousuo"></span>
      </section>

      <section class="center">
        
        <van-swipe style="height: .38rem;" vertical autoplay="2000" >
          <van-swipe-item>长袖T恤</van-swipe-item>
          <van-swipe-item>aj低帮女</van-swipe-item>
          <van-swipe-item>vans棋盘格</van-swipe-item>
          <van-swipe-item>手办</van-swipe-item>
        </van-swipe>
      </section>

      <section class="right">
        <span class="iconfont icon-24gf-camera3"></span>
      </section>
    </section>
    </router-link>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
#SPsousuo {
  width: 100%;
  margin-bottom: .2rem;
  background-color: #FFF;
}
#SPsousuo .ss {
  
  width: 3.4rem;
  height: 0.35rem;
  background-color: #F5F5F9;
  margin-left: 0.17rem;
  margin-top: 0.175rem;
  display: flex;
  justify-content: space-between;
}
#SPsousuo .ss .left,
.right {
  width: 0.34rem;
  height: 100%;
  /* background-color: cornflowerblue; */
  font-size: 0.2rem;
  text-align: center;
  line-height: 0.34rem;
  font-weight: 700;
  color: black;
}

.icon-sousuo:before{
  font-size: .18rem;
  color: black;
}
.icon-24gf-camera3:before{
  font-size: .18rem;
}
#SPsousuo .ss .center {
  flex: 1;
  /* background-color: cyan; */
}
::v-deep .van-swipe-item{
  text-align: center;
  line-height: .34rem;
  color: #B1B1C1;
  font-weight: 600;
} 
::v-deep .van-swipe__indicators--vertical{
  display: none;
}
</style>